<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>商品详情页面</title>
    <link rel="stylesheet" href="css/reset.pc.min.css"/>
    <link rel="stylesheet" href="css/public.pc.css"/>
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link rel="stylesheet" href="css/jBox.css"/>
    <link rel="stylesheet" href="css/product.css"/>
</head>
<body>
<div class="x-wrap">
    <div class="x-wrap-1200">
        <div class="x-area">
            <i class="x-s-icon x-icon-home float-left"></i>
            <a href="#">首页</a>
            <span>></span>
            <a href="#">安徽香妞砀山酥梨(4kg-4.5kg)</a>
        </div>
        <div class="x-product clearfix">
            <div class="x-product-img float-left">
                <div class="x-pro-preview">
                    <div class="small-img x-small-img">
                        <img data-loading="img/product/details6.jpg" src="img/product/default.png">
                        <div class="x-zoom-box"></div>
                    </div>
                    <div class="x-big-img"><img src="img/product/details6.jpg"></div>
                </div>
                <div class="breviary-bar">
                    <div class="breviary-img">
                        <ul class="clearfix">
                            <li class="active"><a href="javascript:;"><img src="img/product/default.png"
                                                                           data-loading="img/product/details6.jpg"></a></li>
                            <li><a href="javascript:;"><img src="img/product/default.png"
                                                            data-loading="img/product/2.jpg"></a></li>
                            <li><a href="javascript:;"><img src="img/product/default.png"
                                                            data-loading="img/product/3.jpg"></a></li>
                            <li><a href="javascript:;"><img src="img/product/default.png"
                                                            data-loading="img/product/4.jpg"></a></li>
                            <li><a href="javascript:;"><img src="img/product/default.png"
                                                            data-loading="img/product/5.jpg"></a></li>
                            <li><a href="javascript:;"><img src="img/product/default.png"
                                                            data-loading="img/product/6.jpg"></a></li>
                            <li><a href="javascript:;"><img src="img/product/default.png"
                                                            data-loading="img/product/7.jpg"></a></li>
                            <li><a href="javascript:;"><img src="img/product/default.png"
                                                            data-loading="img/product/8.jpg"></a></li>
                        </ul>
                    </div>
                    <div class="breviary-btn">
                        <a class="btn-prev" href="javascript:;"><i class="x-s-icon"></i></a>
                        <a class="btn-next" href="javascript:;"><i class="x-s-icon"></i></a>
                    </div>
                </div>
                <div class="x-user-handle">
                    <div class="x-share-bar float-left">
                        <a class="x-share"><i class="x-u-icon"></i>分享</a>
                        <!-- JiaThis Button BEGIN -->
                        <div class="jiathis_style_24x24 x-share-link">
                            <a class="jiathis_button_weixin"></a>
                            <a class="jiathis_button_tsina"></a>
                            <a class="jiathis_button_qzone"></a>
                            <a class="jiathis_button_cqq"></a>
                            <a class="jiathis_button_tqq"></a>
                        </div>
                        <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
                        <!-- JiaThis Button END -->
                    </div>
                    <a class="x-collect float-left"><i class="x-u-icon"></i>收藏</a>
                </div>
            </div>
            <div class="x-product-intro float-right">
                <div class="x-intro-left float-left">
                    <div class="x-product-name">
                        <h2 class="title t-ellipsis">愤怒的小鸟薯片组合装 160g*2</h2>
                        <label class="intro t-ellipsis f-red">蒸鱼炒菜，一步到味，蒸鱼炒菜，一步到味，蒸鱼炒菜，一步到味</label>
                        <span class="tag">重庆愤怒的小鸟直供</span>
                        <span class="tag">预售</span>
                        <span class="tag none">已下架</span>
                    </div>
                    <div class="x-product-information">
                        <div class="x-product-price">
                            <ul class="x-detail-list clearfix">
                                <li class="x-bigger-item">
                                    <div class="x-t">集&nbsp;&nbsp;采&nbsp;&nbsp;价</div>
                                    <div class="x-c">
                                        <span class="x-price-new">￥14.90</span>
                                        <span class="x-price-old">￥14.90</span>
                                        <span class="x-price-tips">集采价</span>
                                    </div>
                                </li>
                                <li class="x-bigger-item no-pad">
                                    <div class="x-c">立即<a class="f-blue" href="#"> 注册/登录 </a>集采账号</div>
                                </li>
                            </ul>
                        </div>
                        <div class="x-product-text">
                            <ul class="x-detail-list clearfix">
                                <li>
                                    <div class="x-t">销　　量</div>
                                    <div class="x-c">已售出&nbsp;<span class="f-red">473</span>件</div>
                                </li>
                                <li style="z-index: 10;">
                                    <div class="x-t">配&nbsp;&nbsp;送&nbsp;&nbsp;至</div>
                                    <div class="x-c">
                                        <div class="x-arrive-area float-left">
                                            <span>重庆 重庆市 渝北区</span>
                                            <i class="x-u-icon"></i>
                                        </div>
                                        <span class="f-red">有货</span>

                                        <!--选择地址-->
                                        <div class="x-select-area" id="diskCont">
                                            <div class="x-area-title"           >
                                                <ul class="x-area-menu clearfix">
                                                    <li id="province" class=""><a class="x-select-province" href="javascript:;"><span>请选择省</span><i class="x-u-icon"></i></a></li>
                                                    <li id="city"><a class="x-select-city" href="javascript:;"><span>请选择市</span><i class="x-u-icon"></i></a></li>
                                                    <li id="county"><a class="x-select-county" href="javascript:;"><span>请选择区/县</span><i class="x-u-icon"></i></a></li>
                                                </ul>
                                                <a id="closeDisk" class="x-area-close" href="javascript:;"><i class="x-u-icon"></i></a>
                                            </div>
                                            <div class="x-area-cont active clearfix">
                                                <div class="x-area-list" id="showArea"></div>
                                                <div class="x-disk-loading"></div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="x-t">运　　费</div>
                                    <div class="x-c"><span>￥0.00</span><span class="x-carriage-text">运费计算中...</span></div>
                                </li>
                                <li>
                                    <div class="x-t">预&nbsp;&nbsp;售&nbsp;&nbsp;量</div>
                                    <div class="x-c"><span class="f-red">1000</span>件</div>
                                </li>
                                <li>
                                    <div class="x-t">预售时间</div>
                                    <div class="x-c x-timeDown">剩余<span class="timeDay">0</span>天<span class="timeHour">23</span>小时<span class="timeMinute">31</span>分<span class="timeSecond">56</span>秒</div>
                                </li>
                                <li>
                                    <div class="x-t">发货时间</div>
                                    <div class="x-c">2017-03-22 &nbsp;&nbsp; 14:00以前</div>
                                </li>
                            </ul>
                        </div>
                        <div class="x-product-text none-border">
                            <ul class="x-detail-list clearfix">
                                <li>
                                    <div class="x-t">味　　道</div>
                                    <div class="x-c x-detail-tag">
                                        <span>黄豆味</span>
                                        <span class="active">红豆味</span>
                                        <span>荷兰扁豆</span>
                                        <span>四季豆</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="x-t">规　　格</div>
                                    <div class="x-c x-detail-tag">
                                        <span>规格一</span>
                                        <span>规格规格</span>
                                        <span>规格一</span>
                                        <span>规格一</span>
                                        <span>规格一</span>
                                        <span>规格规格</span>
                                        <span>规格规格</span>
                                        <span>规格规格</span>
                                        <span class="active">规格规格规格规格</span>
                                        <span>规格二</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="x-t"><span class="more-title">规格规格规格规格</span></div>
                                    <div class="x-c x-detail-tag">
                                        <span>黄豆味</span>
                                        <span>红豆味</span>
                                        <span class="active">荷兰扁豆</span>
                                        <span>四季豆</span>
                                        <span>红豆味</span>
                                        <span>荷兰扁豆</span>
                                    </div>
                                </li>
                                <li class="x-item-40">
                                    <div class="x-t">数　　量</div>
                                    <div class="x-c">
                                        <div class="x-count-bar">
                                            <label class="x-count-input"><input type="text" value="1"></label>
                                            <label class="x-count-btn">
                                                <a class="x-add" href="javascript:;">+</a>
                                                <a class="x-cut" href="javascript:;">-</a>
                                            </label>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="x-product-btn">
                            <a class="buy-btn active" href="javascript:;"><i class="x-u-icon"></i>立即购买</a>
                            <a class="car-btn" href="javascript:;"><i class="x-u-icon"></i>加入购物车</a>
                        </div>
                    </div>
                </div>
                <div class="x-intro-right float-left">
                    <div class="x-store-bar">
                        <h2 class="x-store-name">宁夏石嘴山大武口区01 仓大武口区01仓</h2>

                        <div class="x-store-active">
                            <i>活动</i>
                            <span class="t-ellipsis">下单满 63.00 元免运费</span>
                            <a href="#">去下单></a>
                        </div>
                        <div class="x-store-favorable">
                            <i class="x-u-icon">优惠券</i>
                            <span class="t-ellipsis">仓库优惠券</span>
                            <a href="#">去领取></a>
                        </div>
                        <a class="x-store-btn" href="#"><i class="x-s-icon"></i>进仓逛逛</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="x-container mar-t10 clearfix">
            <div class="x-container-left float-left">
                <div class="x-module">
                    <div class="x-module-hd">相关分类</div>
                    <div class="x-module-bd">
                        <div class="x-classify-bar pad-all10"></div>
                    </div>
                </div>
                <div class="x-module">
                    <div class="x-module-hd">热销产品</div>
                    <div class="x-module-bd">
                        <ul class="x-module-list">
                            <li class="clearfix">
                                <div class="x-list-photo">
                                    <a href="#"><img src="img/product/1.jpg"></a>
                                </div>
                                <div class="x-list-info">
                                    <a class="t-ellipsis" href="#">皇家芭苛斯皇家之尊B(1000ml*2)</a>
                                    <span class="f-red">￥ 228.00</span>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="x-list-photo">
                                    <a href="#"><img src="img/product/2.jpg"></a>
                                </div>
                                <div class="x-list-info">
                                    <a class="t-ellipsis" href="#">皇家芭苛斯皇家之尊B(1000ml*2)</a>
                                    <span class="f-red">￥ 228.00</span>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="x-list-photo">
                                    <a href="#"><img src="img/product/3.jpg"></a>
                                </div>
                                <div class="x-list-info">
                                    <a class="t-ellipsis" href="#">皇家芭苛斯皇家之尊B(1000ml*2)</a>
                                    <span class="f-red">￥ 228.00</span>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="x-list-photo">
                                    <a href="#"><img src="img/product/4.jpg"></a>
                                </div>
                                <div class="x-list-info">
                                    <a class="t-ellipsis" href="#">皇家芭苛斯皇家之尊B(1000ml*2)</a>
                                    <span class="f-red">￥ 228.00</span>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="x-list-photo">
                                    <a href="#"><img src="img/product/5.jpg"></a>
                                </div>
                                <div class="x-list-info">
                                    <a class="t-ellipsis" href="#">皇家芭苛斯皇家之尊B(1000ml*2)</a>
                                    <span class="f-red">￥ 228.00</span>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="x-list-photo">
                                    <a href="#"><img src="img/product/6.jpg"></a>
                                </div>
                                <div class="x-list-info">
                                    <a class="t-ellipsis" href="#">皇家芭苛斯皇家之尊B(1000ml*2)</a>
                                    <span class="f-red">￥ 228.00</span>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="x-list-photo">
                                    <a href="#"><img src="img/product/7.jpg"></a>
                                </div>
                                <div class="x-list-info">
                                    <a class="t-ellipsis" href="#">皇家芭苛斯皇家之尊B(1000ml*2)</a>
                                    <span class="f-red">￥ 228.00</span>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="x-list-photo">
                                    <a href="#"><img src="img/product/8.jpg"></a>
                                </div>
                                <div class="x-list-info">
                                    <a class="t-ellipsis" href="#">皇家芭苛斯皇家之尊B(1000ml*2)</a>
                                    <span class="f-red">￥ 228.00</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="x-container-right float-right">
                <div class="x-info-bar">
                    <ul class="x-tab-menu">
                        <li class="active"><a href="javascript:;">商品介绍</a></li>
                        <li class=""><a href="javascript:;">商品评价（<span class="f-red">14万+</span>）</a></li>
                        <li class=""><a href="javascript:;">支付及配送范围</a></li>
                        <li class=""><a href="javascript:;">售后保障</a></li>
                    </ul>
                    <div class="x-tab-cont">
                        <div class="x-tab-item" style="display: block">
                            <ul class="x-info-list clearfix">
                                <li class="x-info-item">
                                    <div class="x-hd">商品名称：</div>
                                    <div class="x-bd t-ellipsis">安徽香妞砀山酥梨(4kg-4.5kg)</div>
                                </li>
                                <li class="x-info-item">
                                    <div class="x-hd">商品编号：</div>
                                    <div class="x-bd t-ellipsis">06101100110000001</div>
                                </li>
                            </ul>
                            <div class="x-product-details mar-t10">
                                <p align="left">
                                    <img src="img/product/details1.jpg" alt="" title="" width="750" align=""
                                         height="80">
                                    <img src="img/product/details2.jpg" alt="" title="" width="750" align=""
                                         height="34"><br>
                                    <span style="font-size:14px;"><span style="font-size:14px;">品名：愤怒的小鸟薯片组合装 160g*2 &nbsp;</span><br>
                                    <span style="font-size:14px;">品牌：愤怒的小鸟&nbsp;&nbsp;&nbsp; &nbsp;</span><br>
                                    <span style="font-size:14px;">产地：马来西亚</span><br>
                                    <span style="font-size:14px;">口味：海盐味、酸奶油洋葱味、香浓芝士味、泰式风味</span><br>
                                    <span style="font-size:14px;">净含量: 160g*2</span><br>
                                    <span style="font-size:14px;">食用方法：开袋即食</span><br>
                                    <span style="font-size:14px;">存储方法：常温、避光保存</span><br>
                                    <span style="font-size:14px;color:#E53333;">温馨提示：本产品为两袋装，口味随机发送两袋。</span></span>
                                </p>

                                <p align="left">
                                    <img src="img/product/details8.jpg" alt="" title="" width="750" align=""
                                         height="34">
                                </p>

                                <div align="left">
                                    <img src="img/product/details3.jpg">
                                    <img src="img/product/details4.jpg">
                                    <img src="img/product/details5.jpg">
                                    <img src="img/product/details6.jpg">
                                    <img src="img/product/details7.jpg">
                                </div>
                            </div>
                        </div>
                        <div class="x-tab-item" style="display: none;">
                            <div class="x-product-pay mar-t10">
                                <h2 class="x-pay-title">支付及配送范围</h2>

                                <div class="x-pay-content">
                                    <div class="x-pay-intro">
                                        <strong>在线支付</strong>

                                        <p>
                                            礼仪之邦为您提供的网上支付方式有第三方支付平台和各大银行的网上银行，
                                            第三方支付平台是支付宝，支持的银行有中国工商银行、中国建设银行、
                                            中国农业银行、交通银行、招商银行、中国银行、中信银行、中国民生银行、
                                            兴业银行、中国光大银行、广东发展银行、中国邮政储蓄银行等。
                                        </p>
                                        <strong>第三方支付平台详细介绍</strong>
                                        <table class="mar-t10 mar-b10 x-ui-grid">
                                            <colgroup>
                                                <col width="300">
                                                <col width="100">
                                                <col width="100">
                                            </colgroup>
                                            <tbody>
                                            <tr>
                                                <th>第三方支付平台名称</th>
                                                <th>支持银行卡种</th>
                                                <th>服务热线</th>
                                            </tr>
                                            <tr>
                                                <td class="f-tl pad-l5">
                                                    <img src="img/bank/bank-zfb.jpg" width="190" height="36">
                                                    <span>支付宝支付</span>
                                                </td>
                                                <td><a class="f-underline"
                                                       href="https://cshall.alipay.com/lab/help_detail.htm?help_id=211661"
                                                       target="_blank">点击查看</a></td>
                                                <td>0571-88156688</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <strong>银行卡在线支付详情介绍</strong><br>
                                        <span class="f-red">（亲，为了您的购物支付顺畅，如需网银支付建议使用IE浏览器。）</span>
                                        <table class="mar-t10 mar-b10 x-ui-grid">
                                            <colgroup>
                                                <col width="300">
                                                <col width="100">
                                                <col width="100">
                                            </colgroup>
                                            <tbody>
                                            <tr>
                                                <th>银行名称</th>
                                                <th>支持卡种和限额</th>
                                                <th>服务热线</th>
                                            </tr>
                                            <tr>
                                                <td class="f-tl pad-l5">
                                                    <img src="img/bank/bank-zg.jpg" width="190" height="36">
                                                    <span>中国银行</span>
                                                </td>
                                                <td><a class="f-underline"
                                                       href="https://cshall.alipay.com/lab/help_detail.htm?help_id=211562"
                                                       target="_blank">点击查看</a></td>
                                                <td>95566</td>
                                            </tr>
                                            <tr>
                                                <td class="f-tl pad-l5">
                                                    <img src="img/bank/bank-zs.jpg" width="190" height="36">
                                                    <span>招商银行</span>
                                                </td>
                                                <td><a class="f-underline"
                                                       href="https://cshall.alipay.com/lab/help_detail.htm?help_id=211576"
                                                       target="_blank">点击查看</a></td>
                                                <td>95555</td>
                                            </tr>
                                            <tr>
                                                <td class="f-tl pad-l5">
                                                    <img src="img/bank/bank-js.jpg" width="190" height="36">
                                                    <span>建设银行</span>
                                                </td>
                                                <td><a class="f-underline"
                                                       href="https://cshall.alipay.com/lab/help_detail.htm?help_id=211567"
                                                       target="_blank">点击查看</a></td>
                                                <td>95533</td>
                                            </tr>
                                            <tr>
                                                <td class="f-tl pad-l5">
                                                    <img src="img/bank/bank-jt.jpg" width="190" height="36">
                                                    <span>交通银行</span>
                                                </td>
                                                <td><a class="f-underline"
                                                       href="https://cshall.alipay.com/lab/help_detail.htm?help_id=250254"
                                                       target="_blank">点击查看</a></td>
                                                <td>95559</td>
                                            </tr>
                                            <tr>
                                                <td class="f-tl pad-l5">
                                                    <img src="img/bank/bank-ms.jpg" width="190" height="36">
                                                    <span>民生银行</span>
                                                </td>
                                                <td><a class="f-underline"
                                                       href="https://cshall.alipay.com/lab/help_detail.htm?help_id=211604"
                                                       target="_blank">点击查看</a></td>
                                                <td>95568</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <strong>配送范围</strong>

                                        <p>
                                            礼仪之邦目前可配送的地区为国内各大城市，以EMS的配送覆盖区域为准(港、澳、台地区及国外地区除外)。
                                        </p>

                                        <p><strong>注意事项：</strong></p>

                                        <p>
                                            1、商品配送区域以EMS可到达区域为准（港澳台除外），红酒、化妆品、生鲜食品等特殊商品除外；
                                        </p>

                                        <p>
                                            2、签收商品时，请核对快递单上的商品数量，如出现商品数量不足、商品外包装破损或商品损坏等情况，请您当场拒收，并立即拨打礼仪之邦客服热线<span
                                                class="fc-red">4000-266-357</span>与我们的客服人员取得联系。
                                        </p>

                                        <p>
                                            3、如遇节假日；自然因素（如地震、火灾、雪灾、洪涝、大雾等）；政府或司法机关的行为、决定或命令等不可抗力的因素，提交订单后商品不能及时送达，我们深表歉意，希望您能够谅解。
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="x-tab-item" style="display: none;">
                            <div class="x-sale-guarantee mar-t10">
                                <div class="x-pay-content mar-t10">
                                    <strong class="f-red">正品行货</strong>

                                    <div class="mar-t10 mar-b10">礼仪之邦向您保证所售商品均为正品行货，质量有保障。</div>
                                    <strong class="f-red">无忧退换货</strong>

                                    <div class="mar-t10 mar-b10">
                                        客户购买礼仪之邦的商品7日内（含7日，自客户收到商品之日起计算），在保证商品完好的前提下，可享受退换货服务。（部分特殊商品除外，详情请咨询售后服务中心）
                                    </div>
                                    <strong class="f-red">权益维护</strong>

                                    <div class="mar-t10 mar-b10">
                                        当用户向厂家或供应商争取相关权益及应有服务时，礼仪之邦会在用户需要的第一时间提供有关的联系及协调服务，协助用户维护自己应有的权益。
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="x-tab-item">
                            <div class="x-product-evaluate mar-t10">
                                <div class="x-evaluate-bar">
                                    <h2 class="x-evaluate-hd">商品评价</h2>
                                    <div class="x-evaluate-none">
                                        <label>
                                            <img src="img/none-evaluate.png">
                                            <span>还没有评价内容哦</span>
                                        </label>
                                    </div>
                                    <div class="x-evaluate-bd">
                                        <div class="x-evaluate-good">
                                            <div class="x-evaluate-num">
                                                <label><i>96</i>%</label>
                                                <span>好评度</span>
                                            </div>
                                            <div class="x-evaluate-info">
                                                <label>好评（96%）<span><i style="width: 96%;"></i></span></label>
                                                <label>中评（2%）<span><i style="width: 2%;"></i></span></label>
                                                <label>差评（2%）<span><i style="width: 2%;"></i></span></label>
                                            </div>
                                        </div>
                                        <div class="x-evaluate-intro">
                                            <ul class="x-evaluate-menu">
                                                <li class="active"><a href="javascript:;">商品评价（<span
                                                        class="f-red">14万+</span>）</a></li>
                                                <li class=""><a href="javascript:;">晒图（500）</a></li>
                                                <li class=""><a href="javascript:;">好评（12万+）</a></li>
                                                <li class=""><a href="javascript:;">中评（3000 ）</a></li>
                                                <li class=""><a href="javascript:;">差评（1000 ）</a></li>
                                            </ul>
                                            <div class="x-evaluate-cont">
                                                <ul>
                                                    <li class="x-evaluate-item">
                                                        <div class="x-evaluate-bar pad-big">
                                                            <div class="x-praise">
                                                                <label class="x-score clearfix">
                                                                    <i class="x-u-icon active"></i>
                                                                    <i class="x-u-icon active"></i>
                                                                    <i class="x-u-icon active"></i>
                                                                    <i class="x-u-icon"></i>
                                                                    <i class="x-u-icon"></i>
                                                                </label>
                                                            </div>
                                                            <div class="x-evaluate-c">
                                                                <p class="x-evaluate-text">快递给力，口感好，嚼劲十足。</p>

                                                                <div class="x-evaluate-img none-img"></div>
                                                                <a href="javascript:;" class="x-praise-num"
                                                                   data-num="2">有用（2）</a>
                                                            </div>
                                                            <div class="x-evaluate-user">
                                                                <label class="x-evaluate-username">
                                                                    <img src="img/personal-img.jpg">
                                                                    <span>jsh-轩轩TA爹爹-8969</span>
                                                                </label>
                                                                <label class="x-evaluate-time">2016-12-17
                                                                    15:30:20</label>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="x-evaluate-item">
                                                        <div class="x-evaluate-bar pad-big">
                                                            <div class="x-praise">
                                                                <label class="x-score clearfix">
                                                                    <i class="x-u-icon active"></i>
                                                                    <i class="x-u-icon active"></i>
                                                                    <i class="x-u-icon active"></i>
                                                                    <i class="x-u-icon"></i>
                                                                    <i class="x-u-icon"></i>
                                                                </label>
                                                            </div>
                                                            <div class="x-evaluate-c">
                                                                <p class="x-evaluate-text">
                                                                    太多好吃的了，特棒，都是我喜欢吃的，辣的东西确实相差比较多。但是总体觉得还可以吧。
                                                                    卫龙的居多还以为是很大的一堆，结果没想象的多，而且期间出现简直太棒了，好多各种各样
                                                                    的小零食，还有大包装的面宝贝收到了，包装很好，衣服我很满意，穿上感觉很好卖家可淘气，
                                                                    这两个箱子套的！东西还是比较多的，味东西很好吃尤其是那个竹笋包装也很好没挺好的！很
                                                                    满意，快递很快，没有出现评论里那种都是老婆下的订单帮忙付款，到货速度蛮快。就是一看
                                                                    里面
                                                                </p>

                                                                <div class="x-evaluate-img">
                                                                    <ul class="clearfix">
                                                                        <li class="x-img-item">
                                                                            <a href="javascript:;">
                                                                                <img src="img/product/phoneImg1.png">
                                                                            </a>
                                                                        </li>
                                                                        <li class="x-img-item">
                                                                            <a href="javascript:;">
                                                                                <img src="img/product/UnionPay.png">
                                                                            </a>
                                                                        </li>
                                                                        <li class="x-img-item">
                                                                            <a href="javascript:;">
                                                                                <img src="img/product/product2.jpg">
                                                                            </a>
                                                                        </li>
                                                                        <li class="x-img-item">
                                                                            <a href="javascript:;">
                                                                                <img src="img/product/ICBC.jpg">
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                    <div class="x-evaluate-view">
                                                                        <div class="x-view-menu">
                                                                            <a href="javascript:;"><i
                                                                                    class="x-u-icon x-u-up"></i>收起</a>
                                                                            <a href="img/product/1.jpg" target="_blank"><i
                                                                                    class="x-u-icon x-u-big"></i>查看大图</a>
                                                                            <a href="javascript:;"><i
                                                                                    class="x-u-icon x-u-left"></i>向左旋转</a>
                                                                            <a href="javascript:;"><i
                                                                                    class="x-u-icon x-u-right"></i>向右旋转</a>
                                                                        </div>
                                                                        <div class="x-view-img">
                                                                            <label class="x-show-img"><img
                                                                                    src="img/product/1.jpg"></label>

                                                                            <div class="x-handle">
                                                                                <a href="javascript:;"
                                                                                   class="x-handle-left"></a>
                                                                                <a href="javascript:;"
                                                                                   class="x-handle-cont"></a>
                                                                                <a href="javascript:;"
                                                                                   class="x-handle-right"></a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <a href="javascript:;" class="x-praise-num"
                                                                   data-num="2">有用（2）</a>
                                                            </div>
                                                            <div class="x-evaluate-user">
                                                                <label class="x-evaluate-username">
                                                                    <img src="img/personal-img.jpg">
                                                                    <span>jsh-轩轩TA爹爹-8969</span>
                                                                </label>
                                                                <label class="x-evaluate-time">2016-12-17
                                                                    15:30:20</label>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="x-evaluate-item">
                                                        <div class="x-evaluate-bar pad-big">
                                                            <div class="x-praise">
                                                                <label class="x-score clearfix">
                                                                    <i class="x-u-icon active"></i>
                                                                    <i class="x-u-icon active"></i>
                                                                    <i class="x-u-icon active"></i>
                                                                    <i class="x-u-icon"></i>
                                                                    <i class="x-u-icon"></i>
                                                                </label>
                                                            </div>
                                                            <div class="x-evaluate-c">
                                                                <p class="x-evaluate-text">
                                                                    太多好吃的了，特棒，都是我喜欢吃的，辣的东西确实相差比较多。但是总体觉得还可以吧。
                                                                    卫龙的居多还以为是很大的一堆，结果没想象的多，而且期间出现简直太棒了，好多各种各样
                                                                    的小零食，还有大包装的面宝贝收到了，包装很好，衣服我很满意，穿上感觉很好卖家可淘气，
                                                                    这两个箱子套的！东西还是比较多的，味东西很好吃尤其是那个竹笋包装也很好没挺好的！很
                                                                    满意，快递很快，没有出现评论里那种都是老婆下的订单帮忙付款，到货速度蛮快。就是一看
                                                                    里面
                                                                </p>

                                                                <div class="x-evaluate-img">
                                                                    <ul class="clearfix">
                                                                        <li class="x-img-item">
                                                                            <a href="javascript:;">
                                                                                <img src="img/product/7.jpg">
                                                                            </a>
                                                                        </li>
                                                                        <li class="x-img-item">
                                                                            <a href="javascript:;">
                                                                                <img src="img/product/3.jpg">
                                                                            </a>
                                                                        </li>
                                                                        <li class="x-img-item">
                                                                            <a href="javascript:;">
                                                                                <img src="img/product/1.jpg">
                                                                            </a>
                                                                        </li>
                                                                        <li class="x-img-item">
                                                                            <a href="javascript:;">
                                                                                <img src="img/product/2.jpg">
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                    <div class="x-evaluate-view">
                                                                        <div class="x-view-menu">
                                                                            <a href="javascript:;"><i
                                                                                    class="x-u-icon x-u-up"></i>收起</a>
                                                                            <a href="img/product/1.jpg" target="_blank"><i
                                                                                    class="x-u-icon x-u-big"></i>查看大图</a>
                                                                            <a href="javascript:;"><i
                                                                                    class="x-u-icon x-u-left"></i>向左旋转</a>
                                                                            <a href="javascript:;"><i
                                                                                    class="x-u-icon x-u-right"></i>向右旋转</a>
                                                                        </div>
                                                                        <div class="x-view-img">
                                                                            <label class="x-show-img"><img
                                                                                    src="img/product/1.jpg"></label>

                                                                            <div class="x-handle">
                                                                                <a href="javascript:;"
                                                                                   class="x-handle-left"></a>
                                                                                <a href="javascript:;"
                                                                                   class="x-handle-cont"></a>
                                                                                <a href="javascript:;"
                                                                                   class="x-handle-right"></a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <a href="javascript:;" class="x-praise-num"
                                                                   data-num="2">有用（2）</a>
                                                            </div>
                                                            <div class="x-evaluate-user">
                                                                <label class="x-evaluate-username">
                                                                    <img src="img/personal-img.jpg">
                                                                    <span>jsh-轩轩TA爹爹-8969</span>
                                                                </label>
                                                                <label class="x-evaluate-time">2016-12-17
                                                                    15:30:20</label>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <div class="x-ui-paging clearfix">
                                                    <div class="x-pagers-bar float-right">
                                                        <a href="javascript:;" class="x-pagers-item x-pager-item-default" title="上一页">&lt;上一页</a>
                                                        <a href="javascript:;" class="x-pagers-item x-pager-item-curr" title="第1页">1</a>
                                                        <a href="#" class="x-pagers-item" title="第2页">2</a>
                                                        <a href="#" class="x-pagers-item" title="第3页">3</a>
                                                        <a href="#" class="x-pagers-item" title="第4页">4</a>
                                                        <a href="#" class="x-pagers-item" title="第5页">5</a>
                                                        <a href="#" class="x-pagers-item" title="第6页">6</a>
                                                        <a href="#" class="x-pagers-item" title="第7页">7</a>
                                                        <a href="#" class="x-pagers-item" title="第8页">8</a>
                                                        <a href="#" class="x-pagers-item" title="第9页">9</a>
                                                        <a href="#" class="x-pagers-item" title="第10页">10</a>
                                                        <a class="x-pagers-item">...</a>
                                                        <a href="#" class="x-pagers-item" title="最后页">81</a>
                                                        <a href="#" class="x-pagers-item" title="下一页">下一页&gt;</a>
                                                        <div class="x-pagers-go">
                                                            向第<input class="x-input-go" type="text" id="txtPageIndex">页跳转
                                                            <input class="x-btn-go" value="跳转" onclick="goToPage();" type="button">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--浮动菜单-->
    <div class="x-wrap pos-fix x-menu-float">
        <div class="x-wrap-1200">
            <div class="x-float-car">
                <a class="car-btn" href="javascript:;"><i class="x-u-icon"></i>加入购物车</a>
                <div class="x-car-shop">
                    <div class="x-car-background">
                        <label class="x-car-img"><img src="img/product/1.jpg"></label>
                        <span class="x-car-name">愤怒的小鸟薯片组合装 160g*2</span>
                        <span class="x-car-price">￥90.00</span>
                    </div>
                </div>
            </div>
            <div class="x-float-nav">
                <ul class="clearfix">
                    <li class="active"><a href="javascript:;">商品介绍</a></li>
                    <li><a href="javascript:;">商品评价（<span class="f-red">14万+</span>）</a></li>
                    <li><a href="javascript:;">支付及配送范围</a></li>
                    <li><a href="javascript:;">售后保障</a></li>
                </ul>
            </div>
            <div class="x-float-store">
                <a class="x-store-btn" href="#"><i class="x-s-icon"></i>进仓逛逛</a>
            </div>
        </div>
    </div>

    <!--底部-假-->
    <div style="width: 100%; height: 200px; line-height: 200px; margin-top:10px;background: #000; text-align: center;
                        color: #FFFFFF; font-size: 30px;">
        这是底部
    </div>
</div>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.jbox.js"></script>
<script src="js/areaDate.js"></script>
<script src="js/area.js"></script>
<script src="js/productImg.js"></script>
<script src="js/evaluateBigImg.js"></script>
<script src="js/evaluate.js"></script>
</body>
</html>